<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <!--  <link rel="stylesheet" href="http://test-css.com/test.css">
    <script>
        console.log(123)
    </script> -->
    <!-- <script async src="http://test-css.com/test.js"></script> -->
</head>
<style> 
*{
    margin: 0;
    padding: 0;
}
   .container{
       display: flex;
       height: 100vh;
   }
   .center{
       flex: 1;
       background-color: khaki;
   }
   .left,.right{
       width: 200px;
       background-color: indigo;
   }
   .left{
       position: absolute;
       left: 0;
       height: 100%;
   }
   div{
       width: 100px;
       height: 100px;
       background-color: khaki;
       /* display: inline-block; */
       margin: 0;
   }
   .one{
       background-color: rgb(41, 43, 40);
       /* float: left; */
       margin-left: 0px;
       animation: movequick 10s infinite;
       /* z-index: 999; */
       z-index: 1;
   }
   /* 使用硬件加速 */
   @keyframes movequick {
       0%{
           transform: translate3d(10px,0,0);
       }
       50%{
            transform: translate3d(100px,0,0);
       }
       100%{
            transform: translate3d(10px,0,0);
       }
   }
   @keyframes move {
       0%{
           margin-left: 10px;
       }
       50%{
           margin-left: 100px;
       }
       100%{
           margin-left: 10px;
       }
   }
   .two{
       position: relative;
       /* z-index: 1; */
   }
   .two span{
       display: inline-block;
       position: absolute;
       left: 50%;
   }
   #title{
       color: red;
   }
</style>
<body style="position: relative;">
    <button id="title">hahah</button>
    <input type="text" id='input'>
    <p id='show'></p>
    <!-- <div class="one"></div>
    <div class="two">
        <span>333</span>
    </div> -->
    <!-- <div class="container">
        <div class="center">134q</div>
        <div class="left"></div>
        <div class="right"></div>
    </div> -->
    <!-- <script src="./index.js" type="module"></script> -->
    <!-- <script src="./newcode.js"></script> -->
    <!-- <script src="./baidu.js"></script> -->
    <!-- <script src="./kuaishou.js"></script> -->
    <!-- <script src="test.js"></script> -->
    <!-- <script src="jingdong.js"></script> -->
    <!-- <script src="zijie.js"></script> -->
    <!-- <script src="./meituan.js"></script> -->
    <!-- <script src="./vue.js"></script> -->
    <!-- <script src="./didi.js"></script> -->
    <!-- <script src="./test.js"></script> -->
    <!-- <script src="./temp.js"></script> -->
    <!-- <script src="./didimeeting.js"></script> -->
    <!-- <script src="./wangyi.js"></script> -->
    <script src="./ali.js"></script>
</body>
</html>